<template>
  <div id="gtco-products" data-section="products">
    <div class="gtco-container">
      <div class="row">
        <div class="col-md-8 col-md-offset-2 text-center gtco-heading">
          <h2>Performance Show </h2>
          <p>We are here to show the results of some students.</p>
        </div>
      </div>
      <div class="row">
        <div class="owl-carousel owl-carousel-carousel">
          <div class="item">
            <img src="../../static/images/img_1.jpg" alt="Free HTML5 Bootstrap Template by GetTemplates.co">
          </div>
          <div class="item">
            <img src="../../static/images/img_2.jpg" alt="Free HTML5 Bootstrap Template by GetTemplates.co">
          </div>
          <div class="item">
            <img src="../../static/images/img_3.jpg" alt="Free HTML5 Bootstrap Template by GetTemplates.co">
          </div>
          <div class="item">
            <img src="../../static/images/img_4.jpg" alt="Free HTML5 Bootstrap Template by GetTemplates.co">
          </div>
        </div>
      </div>
    </div>
  </div>
</template>

<script>

export default {
  created() {

  },
  name: 'Slide',
  data () {
    return {

    }
  }
}
</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->
<style scoped>

</style>
